html {
	font-size: 16px;
}
main {
	#head {
		height: 11.6rem;
		.user {
			height: 8.5rem;
			display: flex;
			align-items: center;
			div {
				width: 7rem;
				height: 7rem;
				border-radius: 50%;
				margin-right: 0.9375rem;
				overflow: hidden;
				img {
					width: 100%;
					height: 100%;
				}
			}
		}
	}
	.grew {
		height: 1.25rem;
		background-color: #e8e8e8;
	}
	.dynamic {
		height: 3.5rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
		p {
			height: 3.5rem;
			display: flex;
			align-items: center;
		}
		.icon-daka-copy {
			font-size: 1.4rem;
			margin-right: 0.625rem;
		}
		.icon-youjiantou {
			font-size: 1.75rem;
		}
	}
	.top {
		height: 3.5rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
		p {
			height: 2.8rem;
			display: flex;
			align-items: center;
		}
		.icon-youjiantou {
			font-size: 1.75rem;
		}
	}
	.sports {
		height: 9.375rem;
		.icon-zhuxingtu {
			font-size: 1.5rem;
			margin-right: 0.625rem;
		}
		ul {
			li {
				width: 50%;
				padding-left: 0.625rem;
				box-sizing: border-box;
				&:first-child {
					border-right: 1px dotted #ccc;
				}
			}
		}
	}
	.badge {
		height: 10rem;
		.icon-huizhang {
			font-size: 1.5rem;
			margin-right: 0.625rem;
		}
		ul {
			li {
				width: 5.7rem;
				height: 5.7rem;
				border-radius: 50%;
				border: 1px solid #ccc;
			}
		}
	}
	.quit {
		height: 3.125rem;
		display: flex;
		justify-content: center;
		align-items: center;
		a {
			color: #65a5ff;
			width: 5rem;
			text-align: center;
			height: 2rem;
			line-height: 2rem;
		}
	}
}
